
<template>
	<div class="table-expanded" v-if="data">
		<Table
			:class="{ tableExpandedTable: data.subset ? false : true }"
			:show-header="false"
			:columns="columns"
			@on-expand="rowClickEvent"
			:data="data"
		></Table>
	</div>
</template>
<script>
export default {
	props: {
		columns: [Object, Array],
        data: [Object, Array],
	},
	methods: {
		rowClickEvent(row, status) {
			this.$emit('expandTable',row, status)
		},
	},
}
</script>
<style lang="less" scoped>
&/deep/.ivu-table td {
	padding: 0 0;
	border-bottom: none;
}
&/deep/ .tableExpandedTable .ivu-table td {
	height: 0;
}
</style>